<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>

<%@ page import="hk.hku.hooku.db.*"%>
<%@ page import="hk.hku.hooku.pojo.*" %>
<%@ page import="hk.hku.hooku.util.*" %>
<%@ page import="java.util.*" %>
<%@ page import="java.util.Map.*" %>
<%@ page import="java.sql.Timestamp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>
<script type="text/javascript" src="js/userInit.js" ></script>
<script language="javascript">
   
   
   
  </script>

<title>Hooku Register</title>


<link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/user.css" />

</head>

<body>
<!--header -->
<div id="header-wrap"><div id="header">
	<h1 id="logo-text"><a href="eventCreate.jsp" title="">Hooku</a></h1>
	<p id="slogan">To Make the Easiest Arragements </p>

	

<!--/header-->
</div></div>
	
<!-- content-outer -->
<div id="content-wrap" class="clear" >

	<!-- content -->
   <div id="content">

   	<!-- main -->
	   <div id="main">

     
            <div class="post-bottom-section">


            <div class="right">
				<p><h2>User Register</h2></p>
            	<form  method="post" name="frmRegister" action="RegisterServlet">

               	
				<p class="no-border">
				
				<div id="voteTable">
  
   <center>
    <table>
     <tr>
      <td>Email</td>
      <td>
       <input type="text" id="username" name="username" value="" size="40" maxlength="40" onfocus="if (this.value=='Your email')  this.value='';" />
      </td>
     </tr>
     <tr>
      <td>Password</td>
      <td>
       <input type="password" id="password" name="password" value="" size="20" maxlength="20" onfocus="if (this.value=='Set a password')  this.value='';" />
      </td>
     </tr>
     <tr>
      <td>Confirm Password</td>
      <td>
       <input type="password" id="password2" name="password2" value="" size="20" maxlength="20" onfocus="if (this.value=='Password again')  this.value='';" />
      </td>
     </tr>
     <tr>
      <td>Name</td>
      <td>
       <input type="text" id="nickname" name="nickname" value="" size="40" maxlength="40" onfocus="if (this.value=='Your name')  this.value='';" />
      </td>
     </tr>
    
    </table>
   </center>
			
				</div>
			</p>
			
			
			 <p class="no-border" id="buttonDiv">
	<input type="button" class="button" id="registerButton" name="Register" value="Register" />
	<input type="reset" name="Reset" class="button" value="Reset" hidden />
					
						</p>
			<p class="no-border" id="messageDiv" hidden></p>
			<p class="no-border" id="errorMsgDiv" hidden></p>
               </form>

            </div>

         </div>

        <!-- /main -->
		</div>

      <!-- sidebar -->
		<div id="sidebar">
			<div class="sidemenu">

			</div>
			<div class="about-me">

         	<h3>About Us</h3>
		      <p>
		      <a href="http://www.cs.hku.hk/~fliang"><img src="images/hku.png" width="40" height="40" alt="firefox" class="float-left" /></a>
            We are an innovative and enthusiastic team from the CS department of The University of Hong Kong.   <a href="http://www.cs.hku.hk/~fliang">Learn more...</a>
				</p>

         </div>

      <!-- /sidebar -->
		</div>

    <!-- content -->
	</div>

<!-- /content-out -->
</div>

<!-- footer-bottom -->
<div id="footer-bottom">

	<p class="bottom-left">
		&copy; 2013 <strong>Copyright Info</strong>&nbsp; &nbsp; &nbsp;
		<a href="http://www.cs.hku.hk/~fliang" title="homepage">Hooku</a> from <a href="http://www.cs.hku.hk/~fliang">HKU</a>
	</p>

	<p class="bottom-right">
		<a href="index.html">Home</a> |
      <strong><a href="#top">Back to Top</a></strong>
   </p>

<!-- /footer-bottom-->
</div>

</body>
</html>
